<script setup>
import { ref } from 'vue';


const staffData =ref({})
</script>
<template>
  <el-card class="box-card staff-view-search">
    <el-row :gutter="20">
      <el-form-item label="部门">
        <el-select v-model="staffData.region" placeholder="选择部门">
          <el-option label="Zone one" value="shanghai" />
          <el-option label="Zone two" value="beijing" />
        </el-select>
      </el-form-item>
      <el-form-item label="员工类型">
        <el-select v-model="staffData.region" placeholder="选择员工类型">
          <el-option label="Zone one" value="shanghai" />
          <el-option label="Zone two" value="beijing" />
        </el-select>
      </el-form-item>
      <el-form-item label="在职状态">
        <el-select
          v-model="staffData.region"
          placeholder="please select your zone">
          <el-option label="Zone one" value="shanghai" />
          <el-option label="Zone two" value="beijing" />
        </el-select>
      </el-form-item>
      <el-form-item label="姓名">
        <el-input v-model="staffData.staffName" placeholder="员工姓名" />
      </el-form-item>
      <el-button type="primary" plain>搜索</el-button>
    </el-row>
  </el-card>

  <el-card class="box-card staff-view-search">
    <el-row :gutter="20">
      <el-form-item label="部门">
        <el-select v-model="staffData.region" placeholder="选择部门">
          <el-option label="Zone one" value="shanghai" />
          <el-option label="Zone two" value="beijing" />
        </el-select>
      </el-form-item>
      <el-form-item label="员工类型">
        <el-select v-model="staffData.region" placeholder="选择员工类型">
          <el-option label="Zone one" value="shanghai" />
          <el-option label="Zone two" value="beijing" />
        </el-select>
      </el-form-item>
      <el-form-item label="在职状态">
        <el-select
          v-model="staffData.region"
          placeholder="please select your zone">
          <el-option label="Zone one" value="shanghai" />
          <el-option label="Zone two" value="beijing" />
        </el-select>
      </el-form-item>
      <el-form-item label="姓名">
        <el-input v-model="staffData.staffName" placeholder="员工姓名" />
      </el-form-item>
      <el-button type="primary" plain>搜索</el-button>
    </el-row>
  </el-card>
</template>
